{% extends 'base.html' %}
{% block title %}
    系统设置 Netflow相关设置
{% endblock title %}

{% block head %}
{# 为了在Form中添加必选项的星,需要添加的css #}
<style type="text/css">
label.required::before {
    content: "*";
    color: red;
}
</style>
{% endblock head %}

{% block body %}
<div class="container-fluid">
      <div class="container">
        <br><h2 style="color: #666666">系统设置 Netflow相关设置</h2><br>
        {# 展示Netflow相关设置的表单 #}
        <form action="" method="post">
            {# 添加CSRF防护的隐含参数Token,主要必须使用render来渲染页面 #}
            {% csrf_token %}
            <div class='col-md-8'>
            {% for field in form %}
                <div class=form-group>
                    {# 如果出现Form错误(各种校验错误),在Form展示给客户看 #}
                    {% if field.errors %}
                    {# 调整了bootstrap的显示样式 #}
                    <div class="alert alert-danger" role="alert">{{ field.errors }}</div>
                    {% endif %}
                    {# 显示字段的label(名字) #}
                    {{ field.label_tag }}
                    {# 显示输入与选择字段 #}
                    {{ field }}
                </div>
            {% endfor %}
            </div>
            {# 调整了bootstrap的显示样式 #}
            <input class="btn btn-primary btn-lg" type='submit' value='提交'>
        </form>
    <br>
    {# 重置Netflow相关设置的表单 #}
    <form action="/sysconfig/reset_netflow" method="post">
            {# 添加CSRF防护的隐含参数Token,主要必须使用render来渲染页面 #}
            {% csrf_token %}
            {# 背景颜色为黄色, 执行重置前需要客户确认 #}
            <input class="btn btn-warning btn-lg" type='submit' value='重置Netflow参数到默认' onclick="return confirmAct1();">
    </form>
    <br>
    {# 重置Netflow数据库的表单 #}
    <form action="/sysconfig/reset_netflow_db" method="post">
            {# 添加CSRF防护的隐含参数Token,主要必须使用render来渲染页面 #}
            {% csrf_token %}
            {# 背景颜色为红色, 执行清空数据库前需要客户确认 #}
            <input class="btn btn-danger btn-lg" type='submit' value='清空Netflow数据库' onclick="return confirmAct2();">
    </form>
    </div>
</div>

{# 客户确认重置Netflow相关参数的JavaScript #}
<script type="text/javascript" language="javascript">
    <!--
    function confirmAct1()
    {
        if(confirm('确定要重置Netflow参数到默认吗?'))
        {
            return true;
        }
        return false;
    }
    //-->
</script>

{# 客户确认清空Netflow数据库的JavaScript #}
<script type="text/javascript" language="javascript">
    <!--
    function confirmAct2()
    {
        if(confirm('确定要清空Netflow数据库吗?'))
        {
            return true;
        }
        return false;
    }
    //-->
</script>

{% endblock body %}
